<template>
	<view class="hwq-content">
		<!-- #ifdef APP-PLUS -->
			<navBar title="物资位置"></navBar>
		<!-- #endif -->
		
			<scroll-view scroll-y="true" class="hwq-scroll-box" v-if="src">
				<web-view :src="src" @message="webMessage"></web-view>
			</scroll-view>
	</view>
</template>

<script>
	import { getToken } from '@/utils/auth'
	export default {
		data() {
			return {
				data:undefined,
				src:""
			}
		},
		methods:{
			confirm(){
				if(this.data){
					const eventChannel = this.getOpenerEventChannel();
					eventChannel.emit('setPosition', {data: this.data});
				}
				uni.navigateBack({})
			},
			webMessage(data){
				this.data=data.detail
			},
			getWebviewPageTitle() {
			     setTimeout(() => {
			       uni.setNavigationBarTitle({
			         title: "物资位置",
			       });
			     }, 2000);
			   },
		},
		onLoad(option){
			// #ifdef MP-WEIXIN
				this.getWebviewPageTitle()
			// #endif
			this.eventId = option.id
			this.src =  this.$config.SHARE_URL + `?token=${getToken()}&eventId=${option.id}&page=suppliesLocation&time=${Date.now()}`
			console.log(this.src,'路径--');
		},
		onReady(){
			// #ifdef APP-PLUS
				var height=0;//定义动态的高度变量，如高度为定值，可以直接写
				var width=0;//定义动态的高度变量，如高度为定值，可以直接写
				uni.getSystemInfo({
				//成功获取的回调函数，返回值为系统信息
				success: (sysinfo) => {
				height = sysinfo.windowHeight;//自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
				width = sysinfo.windowWidth;//自行修改，自己需要的高度 此处如底部有其他内容，可以直接---(-50)这种
				console.log(height,width,'宽高')
				},
				complete: () => {
				}
				});
				var currentWebview = this.$scope.$getAppWebview();//获取当前web-view
				setTimeout(function() {
				var wv = currentWebview.children()[0];
				wv.setStyle({//设置web-view距离顶部的距离以及自己的高度，单位为px
				top: 75,//此处是距离顶部的高度，应该是你页面的头部
				height:height,//webview的高度
				width:width,//webview的高度
				scalable:false      //webview的页面是否可以缩放，双指放大缩小
				})
				}, 100);//如页面初始化调用需要写延迟
			// #endif
		}
	}
</script>
<style scoped lang="scss">

</style>